<template>
  <ul class="user_month">
    <li class="mouth_this user_month_li">
      <a class="mouth_this_a" href="javascript:;">
        <div class="mouth_thisLeft"><text class="mouth_thisLeft_text">本月奖励</text></div>
        <div class="mouth_thisRight"><text class="mouth_thisMoney">20000.00</text><text class="mouth_thisUnit">元</text></div>
      </a>
    </li>
    <li class="mouth_all user_month_li">
      <a class="mouth_all_a" href="javascript:;">
        <div class="mouth_allLeft"><text>每月奖励金额</text></div>
        <div class="mouth_allRight"><text>></text></div>
      </a>
    </li>
    <li class="mouth_withdraw user_month_li">
      <a class="mouth_withdraw_a" href="javascript:;">
        <div class="mouth_withdrawLeft"><text>提现记录</text></div>
        <div class="mouth_withdrawRight"><text>></text></div>
      </a>
    </li>
  </ul>
</template>
<style>
  .user_month{width:750px;}
  .user_month_li{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#9E9F9F;}

  .mouth_this{width:750px;}
  .mouth_this_a{width:700px;margin:0 25px;flex-direction: row;height:120px;align-items: center;justify-content: space-between;}
  .mouth_thisLeft{flex: 1;flex-direction: column;}
  .mouth_thisRight{flex: 1;justify-content: flex-end;align-items: center;flex-direction: row;}
  
  .mouth_all{width:750px;}
  .mouth_all_a{width:700px;margin:0 25px;flex-direction: row;height:120px;align-items: center;justify-content: space-between;}
  .mouth_allLeft{flex: 1;}
  .mouth_allRight{flex: 1;align-items: flex-end;}

  .mouth_withdraw{width:750px;}
  .mouth_withdraw_a{width:700px;margin:0 25px;flex-direction: row;height:120px;align-items: center;justify-content: space-between;}
  .mouth_withdrawLeft{flex: 1;}
  .mouth_withdrawRight{flex: 1;align-items: flex-end;}
</style>
